<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>日历</title>
</head>
<body>
	<link rel="stylesheet" type="text/css" href="/css/work_report.css">
	<link rel="stylesheet" type="text/css" href="/css/calendar.css">
	<script type="text/javascript" src="/js/calendar.js"></script>
	<div class="content-wrapper">
		<#include "/head.ftl"/>
		<div class="box">
			<div class="tab-header">
				<a href="/calendar/addcalendar" title="新增日程"
					class="btn btn-setting btn-add" id="add">
					 <i class="iconfont icon-add" style="font-size: 16px;"></i>
				</a> <a title="刷新" class="btn btn-setting" onclick="refresh(this)">
					<i class="iconfont icon-refresh"></i>
				</a>
				
			</div>
			<div id="cc" class="easyui-calendar"
				style="width: 100%; height: 730px;" firstDay="1"></div>
		</div>

		<div class="z-cal"></div>


		<div class="adds">
		<!-- 箭头 -->
		<span class="arrow-y">
			<span class="inner-arrow-y"> </span>
		</span>
		
			<div class="modal-title">
				<h1>添加日程</h1>
				<span><i class="iconfont icon-guanbi"></i></span>
			</div>
			<ul class="form-list">
				<li class="form-item"><label class="item-title"> <span
						class="font-red">*</span> <span>标题:</span>
				</label> <input class="item-input titles" placeholder="日程标题"></li>
				<li class="form-item"><label class="item-title"><span class="state-x" data-xuan="0">状态:</span></label>
					<span class="state commonly" data-xuan='0'>一般</span>
					 <span class="state important" data-xuan='1'>重要</span>
					  <span class="state urgent" data-xuan='2'>紧急</span>
					  </li>
				<li class="form-item"><label class="item-title"><span>开始时间:</span></label>
					<input id="start" class="item-input" type="text"
					onfocus="WdatePicker(
								{startDate:'%y-%M-%d 00:00:00',
									dateFmt:'yyyy-MM-dd HH:mm:ss',
									onpicked:function(){  },
									maxDate:'#F{$dp.$D(\'end\')}'})" />
				</li>
				<li class="form-item"><label class="item-title"><span>结束时间:</span></label>
					<input id="end" class="item-input" type="text"
					onfocus="WdatePicker(
								{startDate:'%y-%M-%d 00:00:00',
									dateFmt:'yyyy-MM-dd HH:mm:ss',
									onpicked:function(){  },
									minDate:'#F{$dp.$D(\'start\')}'})" />
				</li>
			</ul>
			<div class="modal-footer">
				<div class="watch-more-btn"><a title="新增日程">更多选项</a></div>
				<a class="btn-confirm">保存</a> <a class="btn-cancel">取消</a>
			</div>
		</div>
		<div class="see">
		<span class="arrow-y s">
			<span class="inner-arrow-y"> </span>
		</span>
			<div class="modal-title">
				<h1>查看日程</h1>
				<span><i class="iconfont icon-guanbi"></i></span>
			</div>
			<div class="from">
				<div class="see-ti">
					<span>qwan</span>
				</div>
				<div class="time">
					<span>开始时间:</span>
					<span class="start">2017-09-01 00:00:00</span>
				</div>
				<div  class="time">
					<span>结束时间:</span>
					<span class="end">2017-09-01 00:00:00</span>
				</div>
			</div>
			<div class="operation">
				<a class="seeall">查看详情</a>
				<a class="op">编辑</a>
				<a class="delete">删除</a>
			</div>
		</div>
	</div>
</body>
</html>